<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>轮播图</title>
    <link rel="stylesheet" href="./css/carousel.css"/>
    <link rel="stylesheet" href="./css/tab.css"/>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="./js/banner.js"></script>
    <script type="text/javascript" src="js/table.js"></script>
</head>
<body>
<div class="outer" id="outer">
    <div style="width:4350px" id="banner">
        <div class="img" id="img-1">

        </div>
        <div class="img" id="img-2">

        </div>
        <div class="img" id="img-3">

        </div>

    </div>
    <div class="div-next">
        <a onclick="ban.toggle(-1)" class="next">上一张</a>
        <a onclick="ban.toggle(1)"class="next">下一张</a>
    </div>


</div>
<!--<button onclick="ban.toggle(-1)">上一张</button>-->
<!--<button onclick="ban.toggle(1)">下一张</button>-->
<br/><br/><br/><br/><br/>
<div class="tab-top">
    <ul>
        <a class="btn-tab now" id="btn-tab-1" onclick="tab.goto(1)">tab1</a>
        <a class="btn-tab" id="btn-tab-2" onclick="tab.goto(2)">tab2</a>
    </ul>
</div>
<div>
    <div class="tab-page in" id="tab1">tab1-text
        <br/>tab1-text
        <br/>tab1-text
        <br/>tab1-text
        <br/>tab1-text
    </div>
    <div class="tab-page" id="tab2">
        tab2-text
        <br/>tab2-text
        <br/>tab2-text
        <br/>tab2-text
        <br/>tab2-text
    </div>
</div>

</body>
</html>
